<script setup lang="ts">
import { ref } from "vue";
import { getComplainTotal } from "@/api/user";

const dataList = ref([]);
const onSearch = () => {
  getComplainTotal().then(res => {
    dataList.value = res.data;
  });
};
onSearch();
</script>

<template>
  <el-table :data="dataList" table-layout="auto">
    <el-table-column prop="residential_id" label="小区ID" />

    <el-table-column prop="created" label="日期" />
    <el-table-column prop="unCount" label="未解决" />
    <el-table-column prop="enCount" label="已解决" />

  </el-table>
</template>

<style lang="scss">
.pure-table-filter {
  .el-table-filter__list {
    min-width: 80px;
    padding: 0;

    li {
      line-height: 28px;
    }
  }
}
</style>

<style lang="scss" scoped>
:deep(.el-table) {
  --el-table-border: none;
  --el-table-border-color: transparent;

  .el-empty__description {
    margin: 0;
  }

  .el-scrollbar__bar {
    display: none;
  }
}
</style>
